﻿@{
    ViewBag.Title = "Quên mật khẩu";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div style="background-color: white;height: 511px">
    <div align="center" style="padding-top: 90px;">
        <h2 style="font-weight: bold">QUÊN MẬT KHẨU</h2>
        <table class="table bordered" style="background-color: lightyellow; width: 330px; text-align: left">
            <tr>
                <th>Tên đăng nhập
                </th>
                <td>
                    <input type="text" class="text-box" id="txtUserName" name="txtUserName" placeholder="Tên đăng nhập ..." maxlength="50" />
                </td>
            </tr>
            <tr>
                <th>Email
                </th>
                <td>
                    <input type="text" class="text-box" id="txtEmail" name="txtEmail" placeholder="Email ..."  maxlength="50"/>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <button class="info" type="submit" onclick="ForgetPassword()" >Lấy lại mật khẩu</button>
                </td>
            </tr>
        </table>
    </div>
</div>

<script>
    function ForgetPassword() {
        var username = $("#txtUserName").val();
        var email = $("#txtEmail").val();
        if (username == "") {
            alert('Tên đăng nhập không được bỏ trống!');
        } else if (email == "") {
            alert('Email không được bỏ trống!');
        } else if (email == "" && username == "") {
            alert('Tên đăng nhập và email không được bỏ trống!');
        } else if (username!="" && email != "") {
            $.ajax({
                url: '/Customer/CheckAndSendEmail',
                type: 'POST',
                data: { username: username, email: email },
                success: function(response) {
                    if (response == "OK") {
                        alert('Hãy vào email của bạn để kiểm tra thông tin tài khoản!');
                        window.location.href = "/Home/Index";
                    }
                    else if (response == "Fail"){
                        alert('Tên đăng nhập và email không tồn tại!!!');
                    }
                }
            });
        }
    }
</script>
<style>
    
    .text-box {
        background: white;
        border: 1px solid #ffa853;
        box-shadow: 0 0 1px 1px #ffa853;
        color: #666;
        outline: none;
        height: 30px;
        width: 200px;
    }
    
</style>
